<template>
	<view class="container020">
		<apptop :toplevel="1"></apptop>
		<view class="whitebg">
			<view class="con-flex flex_center">
				<view class="li con-center" @click="orgOpen">
					<view class="iconfont">&#xe743;</view>
					<view class="litext">我要组局</view>
				</view>
				<view class="li con-center">
					<view class="iconfont">&#xe695;</view>
					<view class="litext">订单结帐</view>
				</view>
				<view class="li con-center">
					<view class="iconfont">&#xe674;</view>
					<view class="litext">订单修改</view>
				</view>
				<view class="li con-center">
					<view class="iconfont">&#xe695;</view>
					<view class="litext">客户充值</view>
				</view>
			</view>
		</view>
		<uniPopup ref="org" type="bottom">
		    <view class="popup-contain">
		        <view class="orglist">
		            <navigator :url="'/pageinfo/script/script?dm='+userid" class="a">
		                <text class="iconfont">&#xe743;</text>
		                <text style="margin-left: 10rpx">选择剧本</text>
		            </navigator>
		        </view>
		    </view>
		</uniPopup>
	</view>
</template>

<script>
	import {mapState} from 'vuex'
	var util = require("@/common/utils.js")
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	export default {
		components: { uniPopup },
		data() {
			return {
				
			};
		},
		computed: {
		    ...mapState(['userid','hasLogin']),
		},
		onLoad() {
			
		},
		methods: {
			orgOpen() {
				util.checklogin(this.hasLogin)
				if(this.hasLogin){
					this.$refs.org.open()
				}
			},
			orgClose() {
			    this.$refs.org.close()
			},
		}
	}
</script>

<style lang="less">
	.popup-contain{
		background-color: #ffffff;
		width: 100vw;
		padding-bottom:80rpx;
		padding-top:20rpx;
		.orglist{
			text-align: center;
			.a{
				margin: 40rpx 70rpx 0;
				font-size: 30rpx;
				border: 1rpx solid #ececec;
				padding:15rpx;
				background:#fafafc;
			}
			.tips{
				text-align: center;
				font-size: 22rpx;
				color: #f00;
			}
		}
	}
</style>
